.f10{font-size: 20rpx}
.f12{font-size: 24rpx}
.f13{font-size: 26rpx}
.f14{font-size: 28rpx}
.f16{font-size: 32rpx}
.f18{font-size: 36rpx}
.f20{font-size: 40rpx}
.f22{font-size: 44rpx}
.f24{font-size: 48rpx}
.color33{color:#333}
.color66{color:#666}
.color99{color:#999}
.color21{color:#212121}
.color26{color:#262626}
.colorb6{color:#b6b6b6}
.color75{color:#757575}
.color9b{color:#9b9b9b}
.colorcc{color:#ccc}
.coloree{color:#eee}
.colorff, .whiteFontColor{color:#fff}
.itemBackColor,.whiteColor{background:#fff}
.checkedColor{color:var(--color--, #6665EB) !important}
.checkedBackColor{background:var(--color--, #6665EB)!important}
.checkedBorderColor {border-color: var(--color--, #6665EB) !important}
.blockBackColor{background:#f7f7f7}
.allPageBGcolor{background:#f8f5f4}
.fw400 { font-weight: 400 }
.fw500 { font-weight: 500 }
.fw600 { font-weight: 600 }
.fw700 { font-weight: 700 }
.textAlign {text-align: center}
image{display: block}

.flexshrink{flex-shrink:0}
.no-data>image{width:13.1vw;height:14.4vw}
.wrap{flex-wrap:wrap}
.pd16{padding-right:32rpx;padding-left:32rpx}
.iosPlaceholder{padding-bottom:env(safe-area-inset-bottom);width:100%}
::-webkit-scrollbar{width:0;height:0;color:transparent}
button:after{border:none!important}
.mt10{margin-top:10rpx}
.mt20{margin-top:20rpx}
.mt30{margin-top:30rpx}
.mt36{margin-top:36rpx}
.mt40{margin-top:40rpx}
.mt48{margin-top:48rpx}
.mt60{margin-top:60rpx}
.mb36{margin-bottom:36rpx}
.relativeStyle{position:relative}
.absoluteStyle{position:absolute}
.fixedStyle{position:fixed}
.stickyStyle{position:sticky}
.flexjsbetween{justify-content:space-between}
.flexjsaround{justify-content:space-around}
.flexjscenter{justify-content:center}
.flexjsend{justify-content:flex-end}
.flexwrap{flex-wrap:wrap}
.btnHover{opacity:.6}
.listHover{background:#e4e4e4}
.bold{font-weight:700}
.moreRowsOmit{-webkit-line-clamp:3}
.moreRowsOmit,.twoRowsOmit{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}
.twoRowsOmit{-webkit-line-clamp:2}
.textOmit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.moreLoadingIcon{margin-right:2vw;width:4vw;height:4vw}
.flex,.fr{display:flex}
.fr{flex-direction:row}
.frr{flex-direction:row-reverse}
.fc,.frr{display:flex}
.fc{flex-direction:column}
.fcr{display:flex;flex-direction:column-reverse}
.ac{align-items:center} 
.asb{align-content:space-between}
.afs{align-items:flex-start}
.afe{align-items:flex-end}
.jsb{justify-content:space-between} 
.jsa{justify-content:space-around}
.jss{justify-content:flex-start}
.jc{justify-content:center}
.jfe{justify-content:flex-end}
.head{padding:0 32rpx;width:100%-40rpx;height:80rpx;border-bottom:1rpx solid #e8e8e8;background:#fff;font-size:28rpx;line-height:80rpx;justify-content:space-between}
.ml16{margin-left:16rpx}
.mr16{margin-right:16rpx}
.bl{border-left:1rpx solid #e2e2e2}
.borderBottom{border-bottom:1px solid #f0eff5}
.search-icon{width:32rpx;height:32rpx}
.fontbebas{font-family:Bebas}
.color000{color:#000}
.bottom-btn-box{padding-top:var(--top--,20rpx)}
.bottom-btn-box,.bottom-frame-box{padding-bottom: var(--bottom--,20rpx);padding-bottom:calc(var(--bottom--,20rpx) + env(safe-area-inset-bottom))}

.icon-question{width:32rpx;height:32rpx}
.icon-bottom-close{width:28rpx;height:28rpx}
.mt16{margin-top:16rpx}
.max-width{display:-webkit-box;overflow:hidden;width:300rpx;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.btn_b{width:180rpx!important;height:64rpx;line-height:64rpx}
.icon-pulldown{margin-top:2rpx;margin-left:12rpx;width:28rpx;height:28rpx;transition:tran .5;transform:rotate(0)}
.icon-inner-close{width:24rpx;height:24rpx}
.icon-right{width:24rpx;height:34rpx}
.wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;background:rgba(0,0,0,.5);justify-content:space-between}
.disabled-btn{background-color:#ccc!important}
.bottom-action-wrapper{position:fixed;right:0;bottom:0;left:0;z-index:3;display:flex;padding-top:30rpx;padding-bottom:calc(30rpx + env(safe-area-inset-bottom));background-color:#fff;box-shadow:0 4px 4px 4px rgba(0,0,0,.05);align-items:center}
.icon-arrow-right {color: #ccc}
.text-nowrap { white-space: nowrap }
.btn-radius-middle { border-radius: 36rpx; height: 72rpx; text-align: center; }

.height-empty-spaceholder{height:env(safe-area-inset-bottom);}
/* uToast行高 */
/deep/ .u-toast__content__text { line-height: 40rpx!important }
/* popup close 样式 */
/deep/ .u-popup__content__close--top-right { padding: 10rpx!important } 


